<admintpl file="header" />
<style type="text/css">
    .pic-list li {
        margin-bottom: 5px;
    }
    .table th{
        width: 10%;
    }
    .input-xlarge{
        width: 90%;
    }
    .table-bordered th {width: 7%}
</style>
</head>
<body style="background-color: #FFFAF0;">
<div class="wrap js-check-wrap">
    <form action="{:U('setting/edit_contact_us_info')}" method="post" class="form-horizontal js-ajax-forms" enctype="multipart/form-data">
        <div class="row-fluid">
            <ul class="nav nav-tabs">
                <li class="active"><a href="{:U('setting/edit_contact_us_info')}">联系我们设置</a></li>
            </ul>
            <div class="row-fluid">
                <div>
                    <table class="table table-bordered">
                        <tr>
                            <th>网 站 1</th>
                            <td width="20%">
                                <input type="text" class="input-xlarge" id="web1" name="web1" value="{$contact.web1}">
                            </td>
                            <th>网 站 2</th>
                            <td width="20%">
                                <input type="text" class="input-xlarge" id="web2" name="web2" value="{$contact.web2}">
                            </td>
                            <th>公司名称</th>
                            <td >
                                <input type="text" class="input-xlarge" id="name" name="name" value="{$contact.name}">
                            </td>
                        </tr>
                        <tr>
                            <th>电  话</th>
                            <td >
                                <input type="text" class="input-xlarge" id="tel" name="tel" value="{$contact.tel}">
                            </td>
                            <th>邮  箱</th>
                            <td >
                                <input   type="text" class="input-xlarge" id="email" name="email" value="{$contact.email}">
                            </td>

                            <th>地  址</th>
                            <td >
                                <input   type="text" class="input-xlarge" id="address" name="address" value="{$contact.address}">
                            </td>
                        </tr>
                        <tr>
                            <th>微  博</th>
                            <td >
                                <input type="text" class="input-xlarge" id="weibo" name="weibo" value="{$contact.weibo}">
                            </td>
                            <th> Q Q</th>
                            <td>
                                <input type="text" class="input-xlarge" id="qq" name="qq" value="{$contact.qq}">
                            </td>
                            <th>微  信</th>
                            <td >
                                <div style="float: left;">
                                    <input type="hidden" name="weixin_img" id="weixin" value="{$contact.weixin_img|default=''}">
                                    <a href="javascript:upload_one_image('图片上传','#weixin');">
                                        <if condition="empty($contact['weixin_img'])">
                                            <img src="__TMPL__Public/assets/images/default-thumbnail.png" id="weixin-preview" width="50%" style="cursor: hand"/>
                                            <else />
                                            <img src="{:sp_get_image_preview_url($contact['weixin_img'])}" id="weixin-preview" width="50%" style="cursor: hand"/>
                                        </if>
                                    </a>
                                    <input type="button" class="btn btn-small" onclick="$('#weixin-preview').attr('src','__TMPL__Public/assets/images/default-thumbnail.png');$('#weixin').val('');return false;" value="取消图片">
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <th>通  知</th>
                            <td colspan="5">
                            <textarea rows="5" cols="100%" style="width: 98%" id="notice" name="notice" > {$contact.notice}</textarea></td>
                        </tr>
                    </table>

                </div>
            </div>
        <div class="form-actions">
            <button class="btn btn-primary js-ajax-submit" type="submit">确定</button>
            <!--<a class="btn" href="{:U('AdminPost/showList')}">返回</a>-->
        </div>
    </form>
</div>
<script type="text/javascript" src="__PUBLIC__/js/common.js"></script>
<script type="text/javascript" src="__PUBLIC__/js/content_addtop.js"></script>
<script type="text/javascript">
    //编辑器路径定义
    var editorURL = GV.DIMAUB;
</script>
<script type="text/javascript" src="__PUBLIC__/js/ueditor/ueditor.config.js"></script>
<script type="text/javascript" src="__PUBLIC__/js/ueditor/ueditor.all.min.js"></script>
<script type="text/javascript">
    $(function() {
        $(".js-ajax-close-btn").on('click', function(e) {
            e.preventDefault();
            Wind.use("artDialog", function() {
                art.dialog({
                    id : "question",
                    icon : "question",
                    fixed : true,
                    lock : true,
                    background : "#CCCCCC",
                    opacity : 0,
                    content : "您确定需要关闭当前页面嘛？",
                    ok : function() {
                        setCookie("refersh_time", 1);
                        window.close();
                        return true;
                    }
                });
            });
        });
        /////---------------------
        Wind.use('validate', 'ajaxForm', 'artDialog', function() {
            //javascript

            //编辑器
            editorcontent = new baidu.editor.ui.Editor();
            editorcontent.render('content');
            try {
                editorcontent.sync();
            } catch (err) {
            }
            //增加编辑器验证规则
            jQuery.validator.addMethod('editorcontent', function() {
                try {
                    editorcontent.sync();
                } catch (err) {
                }
                return editorcontent.hasContents();
            });
            var form = $('form.js-ajax-forms');
            //ie处理placeholder提交问题
            if ($.browser.msie) {
                form.find('[placeholder]').each(function() {
                    var input = $(this);
                    if (input.val() == input.attr('placeholder')) {
                        input.val('');
                    }
                });
            }

            var formloading = false;
            //表单验证开始
            form.validate({
                //是否在获取焦点时验证
                onfocusout : false,
                //是否在敲击键盘时验证
                onkeyup : false,
                //当鼠标掉级时验证
                onclick : false,
                //验证错误
                showErrors : function(errorMap, errorArr) {
                    //errorMap {'name':'错误信息'}
                    //errorArr [{'message':'错误信息',element:({})}]
                    try {
                        $(errorArr[0].element).focus();
                        art.dialog({
                            id : 'error',
                            icon : 'error',
                            lock : true,
                            fixed : true,
                            background : "#CCCCCC",
                            opacity : 0,
                            content : errorArr[0].message,
                            cancelVal : '确定',
                            cancel : function() {
                                $(errorArr[0].element).focus();
                            }
                        });
                    } catch (err) {
                    }
                },
                //验证规则
                rules : {
                    'post[post_title]' : {
                        required : 1
                    },
                    'post[post_content]' : {
                        editorcontent : true
                    }
                },
                //验证未通过提示消息
                messages : {
                    'post[post_title]' : {
                        required : '请输入标题'
                    },
//                    'post[post_content]' : {
//                        editorcontent : '内容不能为空'
//                    }
                },
                //给未通过验证的元素加效果,闪烁等
                highlight : false,
                //是否在获取焦点时验证
                onfocusout : false,
                //验证通过，提交表单
                submitHandler : function(forms) {
                    if (formloading)
                        return;
                    $(forms).ajaxSubmit({
                        url : form.attr('action'), //按钮上是否自定义提交地址(多按钮情况)
                        dataType : 'json',
                        beforeSubmit : function(arr, $form, options) {
                            formloading = true;
                        },
                        success : function(data, statusText, xhr, $form) {
                            formloading = false;
                            if (data.status) {
                                setCookie("refersh_time", 1);
                                //添加成功
                                Wind.use("artDialog", function() {
                                    art.dialog({
                                        id : "succeed",
                                        icon : "succeed",
                                        fixed : true,
                                        lock : true,
                                        background : "#CCCCCC",
                                        opacity : 0,
                                        content : data.info,
                                        button : [ {
                                            name : '重新编辑？',
                                            callback : function() {
                                                reloadPage(window);
                                                return true;
                                            },
                                            focus : true
                                        }, {
                                            name : '确认成功',
                                            callback : function() {
                                                location = "{:U('setting/edit_contact_us_info')}";
                                                return true;
                                            }
                                        } ]
                                    });
                                });
                            } else {
                                isalert(data.info);
                            }
                        }
                    });
                }
            });
        });
        ////-------------------------
    });
</script>
</body>
</html>